
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.window {
    display: flex;
}

.card {
    width: 600px;
    height: 350px;
    margin: 0 auto;
    background-color: rgb(187, 173, 166);
    background-image: url();
    border: 1px solid rgb(57, 56, 56);
    border-radius: 30px;
    align-self: flex-end;

}

.my_img {
    margin: 20px;
    /* width: 100px;
    height: 100px; */
}

.my_img img {
    object-fit: cover;
    width: 75px;
    height: 100px;
    border: 2px solid black;
    border-radius: 15px;
}


.message {
    width: 200px;
    height: 100px;
    margin: 20px;
    margin-top: 150px;
    /* margin-top: auto;  这个设置无效 */
    margin-left: auto;
    align-self: flex-end;
}

.content {
    margin: 10px;
}














